@import "mobile";
body{
	background: url(i/bg.png) no-repeat 0 0;
	background-size:cover; 
}
.hd{
	width:100%;
	margin-top:pxToRem(30);
	.logo
	{
		margin-left:10%;
		float:left;
		width:20%;
		img{
			display:block;
			width:100%;
			height:100%;
		}
	}
	.wenzi_top{
		margin-left:5%;
		float:left;
		width:65%;
		h3{
			margin-left:26%;
			height:pxToRem(34);
			line-height:pxToRem(34);
			font-size:pxToRem(34);
			color:#fff;
		}
		p{
			height:pxToRem(29);
			margin-top:pxToRem(19);
			font-size:pxToRem(20);
			line-height:pxToRem(29);
			color:#f0f9ff;
		}
	}
}
.center1{
	width:100%;
	margin-top:10%;
	.con_top{
		width:100%;
		background:#fff;
		height:pxToRem(10);
		background: url(i/top.png) repeat-x left 0;
	}
	.con_left{
		width:100%;
		background: url(i/left.png) repeat-y left 0;
		.con_right{
			width:100%;
			background: url(i/left.png) repeat-y right 0;
			.con_mid{
				padding:5% 0;
				margin-left:pxToRem(10);
				margin-right:pxToRem(10);
				background:#fff;				
				.img{
					margin-left:5%;
					float:left;
					width:30%;
					img{
						display: block;
						width:100%;
					}
				}
				.img_r{
					width:55%;
					margin-left:5%;
					float:left;
					p{
						font-size:pxToRem(30);
						line-height:pxToRem(50);
					}
				}
			}
		}
	}
	.con_foot{
		width:100%;
		height:pxToRem(10);
		background: url(i/top.png) repeat-x left 0;
	}
}
.center2{
	width:100%;
	margin-top:pxToRem(50); 
	h3{
		font-weight: bold;
		font-size:pxToRem(42);
		text-align:center;
		color:#fff;
		line-height:pxToRem(60);
	}
	h4{
		text-align:center;
		line-height:pxToRem(57);
		font-size:pxToRem(24);
		color:#f0f9ff;
	}
}
.ft{
	margin-top:8%;
	padding:0 20%;
	margin-bottom:pxToRem(100);
	.erweima{
		float:left;
		width:30%;
		background: url(i/biankuang.png) no-repeat 0 0;
		background-size:cover; 
		margin-bottom:pxToRem(50);
		img{
			width:90%; 
			padding-top:10%;
			padding-left:5%;
			padding-bottom:6%;
		}
	}
	.download{
		margin-left:5%;
		float:left;
		width:55%;
		img{
			width:100%;
		}
	}
}

